<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>搜索商家</title>
    <link rel="icon" href="./images/logo.ico" />
    <script src="js/sethtmlfontSize.js"></script>
    <link rel="stylesheet" href="./css/searchShop.css">
    <link rel="stylesheet" href="./css/searchhead.css">
    <link rel="stylesheet" href="./css/common.css">
</head>
<body>
        <!--头部-->
     <header class="searchs">
        <div class="search-left">
            <i></i>
        </div>
        <div class="search-center">
            <span class="center-span">商家</span>
            <div class="clears"></div>
            <img class="seacher-img" src="images/triangle_icon_search.png" alt="">
             <input id="search-input" type="text" autofocus>
 
          <div id="classify">
               <i></i>
               <ul class="c-ul">
                   <li><a data-link="searchGoods" href="javascript:void(0);"><img class="classify-img" src="images/goods_icon_search.png" alt=""><span class="classify-span">商品</span></a></li>
                   <li><a data-link="searchShop" href="javascript:void(0);"><img class="classify-img" src="images/shop_icon_search.png" alt=""><span class="classify-span">商家</span></a></li>
                   <li><a data-link="searchService" href="javascript:void(0);"><img class="classify-img" src="images/fuwu_icon_search.png" alt=""><span class="classify-span">服务</span></a></li>
               </ul>
           </div>           
        </div>
        <div class="search-right">
           <span id="collect" class="collect"> 搜索</span>
           <span id="login">登录</span>
        </div>
        <div class="clears"></div>    
    </header>
    <!--搜索以及显示搜索历史-->
    <div id="centerHistory">
        <p class="p1">历史搜索</p>
        <ul class="history">
            
        </ul>
        <div class="history-clear">
            <p class="clear-p">清除历史记录</p>
        </div>
    </div>
    <div class="searchShopsBody">
    <!--店铺nav-->
        <div class="shop-nav">
            <ul class="shop-nav-ul">
                <li id="area" class="shop-nav-li border-r"><span id="currentCity">全城</span><i class="arrow-bottom"></i></li>
                <li id="sort" class="shop-nav-li"><span class="sort-span" id="currentSort">全部分类</span><i class="arrow-bottom"></i></li>
            </ul>
            <div class="clears"></div>
            <!--地区select-->
            <div class="shopArea shopsSelect h12" id="shopArea">
                <ul class="area-nav l">

                </ul>
                <ul class="area-nav-item l" id="area-nav-item">

                </ul>
                <div class="clears"></div>
            </div>
            <!--分类select-->
            <div class="shopSort shopsSelect h12" id="shopSort">
                <ul class="sort-nav l">
                    
                </ul>
                <ul class="sort-nav-item l" id="sort-nav-item">
                    
                </ul>
                <div class="clears"></div>
            </div>
        </div>  
    </div>
    <div class="clears"></div>
    <!---->
    <div id="detail">
        
    </div>
    <div class="clears"></div>
    <!--正在加载中-->
    <div class="data-loading hide">加载中.....</div>         
    <!--遮罩阴影-->
    <div class="shadow-top3725 topBefore"></div>
    <!--底部-->
    <footer id="footer" class="footer">
        <div class="pagenum" style="visibility:hidden;">
            <span class="pre">上一页</span>
            <i idaccesskey="currentpage" class="currentpage">2</i>
            <span class="next">下一页</span>   
        </div>
        <div class="footer-ul">
           <ul>
               <li class="first"><a href="./index.html">首页</a></li>
               <li class="li login"><a href="javascript:void(0);">登录</a></li>
               <li class="li"><a href="http://www.shidiquan.cn">客户端</a></li>
               <li class="li"><a href="javascript:void(0);">电脑版</a></li>
               <li class="li"><a href="http://www.shidiquan.cn">帮助</a></li>
           </ul>
       </div>
    </footer>
    
     <!--悬浮下载app-->
    <div id="download-app" class="download-app">
        <div id="down-content" class="down-content">
            <img class="close" id="close" src="./images/close_icon.png" alt="">
            <div class="down-left l">
                <img src="./images/logo.png" alt="">
            </div>
            <div class="down-center l">
                <p class="unmgntop">下载实地圈客户端</p>
                <p class="mgntop">兼职推广，在家创业，躺着赚钱</p>
            </div>
            <div class="down-right l">
                <span class="">免费下载</span>
            </div>
            <div class="clears"></div>
        </div>
        
    </div>
    <!--回到顶部-->
    <div id="back-top" class="back-top">
        <img src="./images/back_top_icon.png" alt="回到顶部">      
    </div>
</body>
<script>
    //判断是否需要需要直接显示搜索状态
    function judge(){
        var l_s;
        if(window.localStorage){
            l_s=window.localStorage;
            if(l_s.search_state==1){
                return true;    
            }else{
                return false;
            }
        }else{
            l_s={};
            console.log("不支持localStorage");
        }
    }
    function setState(){
        var c_h=document.getElementById("centerHistory");
        console.log(judge());
        if(judge()){
            c_h.style.display="block";
        }else{
            c_h.style.display="none";
        }
    }
    setState();
</script>
<script src="js/jquery-1.7.2.min.js"></script>
<script src="./js/pub_page.js"></script>
<script src="./js/searchShop.js"></script>
<script>
    $(function(){
        if($("#centerHistory").css("display")=="block"){
            console.log("111"+$("body").css("overflowY"));
            $('html,body').css({"height":"100%","overflow":"hidden"});
        }else{
            $('html,body').css({"height":"auto","overflow":"auto"});
            $("body").css("overflowX","hidden");
            console.log( $("body").css("overflowY"));
        } 
        //显示服务，商品，店铺菜单选择
        $(".search-center .center-span,.search-center .seacher-img").on("click",function(){
            $("#classify").toggle(100); 
        });
    })    
</script>
</html>